<template>
  <div>
    <sea-search-panel v-model="value" @click="open" readonly></sea-search-panel>

    <el-drawer class="no-padding no-margin" v-model="create_dialog.open"
               :width="create_dialog.width" :title="create_dialog.title">
      <slot>
        <span @click="click">click</span>
      </slot>
    </el-drawer>
  </div>
</template>

<script setup lang="ts">

import {reactive, ref} from "vue";

const click = ()=>{
    value.value = '123';
    create_dialog.open = false;
}
// 创建界面参数
const create_dialog = reactive({
    // 是否展开
    open: false,
    // 标题栏
    title: '新建',
    // 宽度
    width: '30%',
    // 弹窗联动元素
    item: undefined
});

const value = ref('1231231');

const open = ()=>{
    create_dialog.open = true;
}

</script>
